<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="shortcut icon" type='images/-icon' href="./图片/tu.ico">
    <link rel="stylesheet" href="./图标/download/font_1981397_kcrbzn7t7v/iconfont.css">
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .outer{
            background-color: antiquewhite;
        }
        .center{
            background-color:#fff;
            margin:0 auto;
        }
        #top-t{
            width: 1280px;
            height: 36px;
            background-color: #333;
            margin: 0 auto;
        }
        div#t-left{
            float:left;
        }
       div#t-right{
           height: 36px;
           float:right;
        }
        #t-right a{
            text-align: center;
            line-height: 36px;
        }
        #t{
            width: 1090px;
            height: 36px;
            /* background-color:bisque; */
            margin: 0 auto;
        }
        #top-b{
            width: 1280px;
            height: 140px;
            /* background-color: blue; */
            margin: 0 auto;
        }
        #top-b div{
            float: left;
        }
        #top-b img{
            margin-left: 95px;
            margin-top: 40px;
        }
        #t-left span{
            display: block;
            width: 254px;
            height: 36px;
            /* background-color: brown; */
            line-height: 36px;
            color:#CC9756;
            font-size: 12px;
        }
        #t-left span:hover{
            color:#fff;
        }
        /* #t-right span{
            display:inline-block;
            background-color: blueviolet;
            height: 36px;
            width: 468px;
        }
        #t-right span a{
            color: #ccc;
            text-decoration: none;
            font-size: 12px;
            margin-left: 15px;
        }
        #t-right span a:hover{
            color: #fff;
        } */
        div.t-outer{
            width: 468px;
            height: 36px;
            /* background-color: red; */
            display: flex;
        }
        .t-outer>div{
           flex: 1;
           border-right:1px solid #ccc;
           text-align: center;
        }
        #t-right div>a{
            color:#fff;
            text-decoration: none;
            font-size: 12px;
        }
        .t-outer ul{
            position: absolute;
        }
        .t-outer ul li{
            display: inline-block;
            display: none;
            z-index: 100px;
            width:66px;
            height:30px;
            color:#999;
            font-size: 12px;
            border-bottom: 1px solid #ccc;
            line-height: 30px;
            background-color:#fff;
        }
        div.a1:hover ul li{
            display: block;
        }
        div.a2:hover ul li{
            display: block;
        }
        div.a3:hover ul li{
            display: block;
        }
        .search{
            /* background-color:blue; */
            width: 560px;
            height: 38px;
            margin-left: 163px;
            margin-top: 40px;
        }
        .search>div{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            height:38px;
            width:442px;
            border:1px solid #E2C199;
        }
        .search>div>span{
            font-size: 25px;
            line-height: 38px;
            margin-left: 5px;
        }
        #input1{
            border-style: none;
            outline: none;
            font-size: 15px;
            margin: 0 auto;
        }
        #input2{
            height: 40px;
            width: 90px;
            border-top-right-radius: 20px;
            border-bottom-right-radius:20px;
            border:1px;
            color:#fff;
            font-size:20px;
            text-align:center;  
            background-color: #E2C199; 
            vertical-align: middle;
            outline: none;
        }
        #input3{
            height:28px;
            width:70px;
            color:#E2C199;
            text-align: center;
            font-size: 14px;
            background-color: #fff;
            outline: none;
            border-style: none;
        }
        #search_bottom{
            width:444px;
            height:18px;
            display: flex;
            float: left;
            border:none;
            color:#CC9756;
            font-size: 12px;
        }
        #search_bottom>div{
            border-right: 1px solid #ccc;
            padding: 0 10px;
        }
        .shopping{
            margin-top: 40px;
            margin-left:49px;
            height:38px;
            width: 134px;
            border-radius:20px;
            border:1px solid #E2C199;
        }
        .shopping>span{
            margin-left:10px;
            line-height: 38px;
        }
        .nav{
            margin: 0 auto;
            background-color: #fff;
            position: sticky;
            top:0px;
            z-index: 100;
        }
        #nav_outer{
            display: flex;
            width: 1090px;
            height: 23px;
            margin:0 auto;
        }
        .nav div a{
            color:#000;
            font-size:14px;
            text-decoration: none;
            font-weight: 700;
            margin-left: 40px;
        }
        #nav_outer div a:hover{
            color:#E2C199;
            text-decoration: underline;
        }
        #nav_outer div.caidan{
            background-color:#fff;
            width:1090px;
            position: absolute;
            border-top:1px solid #ccc;
            display: none; 
        }
        .nav_content ul{
            float: left;
        }
        .nav_content  ul li{
            list-style: none;
            margin-right:20px;
            width:100px;
            height: 50px;
            color:#333;
            line-height: 50px; 
        } 
        #nav_outer div.caidan ul li:first-child{
            font-weight:700;
            border-bottom: 1px solid #ccc;
        }
        
        #nav_outer .nav_content:hover div.caidan{
            display: block;
        }
        ul li:hover{
            color:#b4a078;
        }
        #lunbotu{
            width:1280px;
            height:420px;
            margin: 0 auto;
            overflow: hidden;
        }
        div.move{
            width: 5120px;
            height:420px;
            animation-name: move;
            animation-timing-function: steps(4);
            animation-duration:10s;
            animation-iteration-count: infinite;
        }
        .move img{
            width: 1280px;
            height: 420px;
            float: left;
        }
        @keyframes move{
            from{
                margin-left: 0px;
            }
            to{
                margin-left: -5120px;
            }
        }
        #new-title{
            width: 1090px;
            height: 48px;
            /* background-color: chocolate; */
            margin: 0 auto;
        }
        h3{
            display: inline;
            font-size: 28px;
            font-weight: 700;
            margin-right: 20px;
        }
        h3:hover{
            color:#b4a078
        }
        #new-title a{
            float: right;
            line-height: 48px;
        }
        #new-title a:hover{
            color: #b4a078;
            text-decoration: none;
        }
        #new-body{
            width: 1090px;
            height: 450px;
            /* background-color: palevioletred; */
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        #new-body div{
            width: 265px;
            height: 365px;
            background-color: papayawhip;
            display: flex;
            /* margin-left: 10px; */
            justify-content: space-between;
            flex-direction:column;
        }
        #new-body section:first-child{
            overflow: hidden;
        }
        #new-body img{
            width:265px;
            height: 265px;
            transition-property:all;
            transition-duration:2s;
            transition-timing-function: linear;
        }
        #new-body img:hover{
            width: 285px;
            height: 285px;
        }
        section p{
            text-align: center;
            margin-bottom: 5px;
        }
        section p.one span{
            background-color: #e36844;
            height: 20px;
            margin: 0 auto;
            text-align: center;
            color: #fff;
            line-height: 20px;
            font-size: 12px;
            display: inline-block;
            padding: 0px 5px;
        }
        p:nth-child(2){
            font-weight: bold;
        }
        p:nth-child(2):hover{
            color:#b4a078;
        }
        span.two{
            color: #d4282d;
        }
        span.three{
            color: #999;
            text-decoration:line-through;
        }
        #popular{
            background-color:#f4f0ea;
            /* width: 1090px; */
            height:670px;
            margin: 0 auto;
        }
        #p-title{
            width: 1090px;
            height: 48px;
            /* background-color: chocolate; */
            margin: 0 auto;
        }
        #p-title div{
            display: inline;
        }
        #p-title div a{
            margin-right: 30px;
        }
        #a1{
            float: right;
            line-height:48px;
        }
        #p-body{
            background-color:#f4f0ea;
            display: flex;
            justify-content: space-between;
            width: 1090px;
            height: 570px;
            margin: 0 auto;
        }
        #p-body>div{
            width: 223px;
            height: 570px;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        #p-body>div:first-child{
            width:390px;
            height: 570px;
        }
        #p-body>div section{
            width: 223px;
            height: 280px;
            /* background-color: sandybrown; */
        }
        #p-body>div:first-child section{
            width: 390px;
            height: 570px;
        }
        #one-picture{
            overflow: hidden;
        }
        #one-picture img{
            width: 390px;
            height: 400px;
            transition-duration: 2s;
            transition-timing-function: linear;
            transition-property: all;
        }
        #one-picture img:hover{
            width: 420px;
            height: 430px;
        }
        #one-picture{
            width: 390px;
            height: 400px;
            /* background-color: slateblue; */
            display: inline-block;
        }
        #one-content p:first-child span{
            text-align: center;
            background-color: #e36844;
            color:#fff;
            padding: 0px 5px;
        }
        #one-content p:nth-child(2){
            color: #333;
            font-weight: 700;
            font-size: 30px;
            text-align: center;
        } 
        #one-content p:nth-child(2):hover{
            color: #b4a078;
        }
        #one-content p:last-child span{
            color:#d4282d;
            font-size:30px;
        }
        .p-picture{
            width: 223px;
            height: 180px;
            /* background-color: springgreen; */
            overflow: hidden;
        }
        .p-picture img{
            width: 223px;
            height: 180px;
            transition-duration: 2s;
            transition-timing-function: linear;
            transition-property: all;
        }
        .p-picture img:hover{
            width:243px;
            height: 200px;
        }
        .p-content{
            width: 223px;
            height: 100px;
            /* background-color: violet; */
        }
        .pc1{
            height:20px;
            background-color: #F28F2D;
            color:#fff;
            padding: 0px 5px;
        }
        .pc2{
            height: 20px;
            background-color: #e36844;
            color:#fff;
            padding: 0px 5px;
        }
        .pc3{
            color:#d4282d;
            font-size: 20px;
        }
        .pc4{
            color:#999;
            text-decoration: line-through;
            font-size: 15px;
        }
        #foot-top{
            width: 1280px;
            height: 298px;
            background-color:#f4f0ea;
            margin: 0 auto;
            position: relative;
        }
        #foot1{
            width: 1090px;
            height: 204px;
            /* background-color:#f4f0ea; */
            margin:auto;
            position: absolute;
            top:0px;
            bottom: 0px;
            left:0px;
            right:0px;
            display: flex;
        }
        #foot1 div{
            flex:1;
            background-color:#fff;
            border-right: 1px solid #ccc;
        }
        #foot1 div p{
            font-weight: 400px;
            font-size: 16px;
            text-align: center;
        }
        #foot-one div{
            float: left;
            width: 80px;
            height: 100px;
            /* background-color: yellow; */
        }
        div #online{
            margin-right: 30px;
            margin-left: 81px;
            margin-top: 20px;
            /* background-color: blue; */
            height: 100px;
            width: 80px;
            border:1px solid #ccc;
        }
        div #user{
            margin-top: 20px;
            /* background-color: blueviolet; */
            height: 100px;
            width: 80px;
            border:1px solid #ccc;

        }
        #foot1 div:nth-child(2) p{
            margin-bottom: 20px;
        }
        #foot1 div:last-child img{
           margin-left: 120px;
           margin-top: 20px;
        }
        #foot1 div:last-child div{
            color:  #b4a078;
            margin-left: 110px;
        }
        #foot-bottom{
            margin: 0 auto;
            background-color: #414141;
            width: 1280px;
            height: 238px;
            display: flex;
        }
        #hot{
            width: 110px;
            height: 363px;
            background-color: yellow;
            position: sticky;
            float: left;
            top:24px;
        }
        #qrcode{
            width: 110px;
            height: 363px;
            background-color: aquamarine;
            position: sticky;
            float: right;
            top:24px;
        }
        #online span:first-child{
            display: block;
        }
        #user span:first-child{
            display: block;
        }
        span.iconfont{
            font-size: 60px;
            text-align: center;
            color: #777f75;
        }
        #foot2 span{
            display: block;
            width: 288px;
            margin: 0 auto;
        }
        div #foot-bottom-content{
            width: 1090px;
            height: 227px;
            /* background-color: blueviolet; */
            margin: auto;
        }
        div #foot-bottom-content_top{
            width:1090px;
            height:51px;
            /* background-color: brown; */
            margin-bottom: 30px;
            margin-top: 20px;
            display: flex;
        }
        #foot-bottom-content_top div{
            flex:1;
            height: 51px;
            /* background-color: cadetblue; */
            margin-left:10px;
            margin-right: 10px;
            display: flex;
            border-right: 1px solid #ccc;
        }
        #foot-bottom-content_top div>img{
            margin-left: 10px;
        }
        #foot-bottom-content_top div>span{
            margin:auto;
            color: #fff;
            font-size: 18px;
            /* background-color: chartreuse; */
            display: block;
        }
        div #foot-bottom-content_bottom{
            width:1090px;
            height:118px;
            /* background-color:burlywood; */
            margin-bottom: 0px;
            border-top: 1px solid #4f4f4f;
            display: flex;
            flex-direction: column;
        }
        #foot-bottom-content_bottom div{
            margin: auto;
        }
        #foot-bottom-content_bottom div>a{
            font-size: 12px;
            color: #ccc;
        }
        #foot-bottom-content_bottom div>a:hover{
            color: #fff;
            text-decoration: none;
        }
        #time-title{
            width: 1090px;
            height: 48px;
            margin: 0 auto;
        }
        #time-body{
            display:flex;
            width: 1090px;
            height: 429px;
            margin: 0 auto;
            justify-content: space-between;
            /* background-color: burlywood; */
        }
        #time-body div #tb1{
            width: 224px;
            height: 429px;
            /* background-color: blue; */
        }
        #tb2{
            /* background-color: aquamarine; */
            height:429px;
            width: 433px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

        }
       #tb2 section{
            /* background-color: brown; */
            width:433px;
            height:214px;
            flex: 1;
            border: 1px solid #ccc;
            display: flex;
        }
        #tb2_top{
            display:flex;
        }
        #tb2_top div:first-child{
            width: 180px;
            height: 214px;
            /* background-color: pink; */
        }
        #tb2_top>div:last-child{
            width: 253px;
            height: 214px;
            /* background-color: purple; */
        }
        #tb2_bottom{
            display: flex;
        }
        #tb2_bottom div:first-child{
            width: 180px;
            height: 214px;
            /* background-color: pink; */
        }
        #tb2_bottom div:last-child{
            width: 253px;
            height: 214px;
            /* background-color: purple; */
        }
        #tb3{
            /* background-color: aquamarine; */
            height:429px;
            width: 433px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

        }
       #tb3 section{
            /* background-color: brown; */
            width:433px;
            height:214px;
            flex: 1;
            border: 1px solid #ccc;
            display: flex;
        }
        #tb2_top{
            display:flex;
        }
        #tb3_top div:first-child{
            width: 180px;
            height: 214px;
            /* background-color: pink; */
        }
        #tb3_top>div:last-child{
            width: 253px;
            height: 214px;
            /* background-color: purple; */
        }
        #tb3_bottom{
            display: flex;
        }
        #tb3_bottom div:first-child{
            width: 180px;
            height: 214px;
            /* background-color: pink; */
        }
        #tb3_bottom div:last-child{
            width: 253px;
            height: 214px;
            /* background-color: purple; */
        }
        .time-content>span{
            display: block;
        }
        .time-content>span:first-child{
            font-size: 18px;
            margin-top: 10px;
        }
        .time-content>span:nth-child(2){
            color: #999;
            font-size: 14px;
            margin-top: 5px;
        }
        .time-content>div{
            height: 36px;
            margin-top: 5px;
        }
        progress{
            width:152px;
            height: 10px;
        }
        .time-content>div>span{
            display: inline;
        }
        .time_price{
            color: #be4141;
        }
        .price_now{
            color: #be4141;
            font-weight: 700;
            font-size: 24px;
            margin-right: 12px;
        }
        .price_before{
            color: #999;
            text-decoration: line-through;
        }
        .time-content>span:last-child{
            background-color:#da4f4f;
            display: block;
            width: 118px;
            height:31px;
            color: #fff;
            text-align: center;
            margin-top: 13px;
            font-size: 16px;
        }
        #allsay{
            background-color:#f4f0ea;
            height:660px;
        }
        #allsay_title{
            width: 1090px;
            height:48px;
            /* background-color: blue; */
            margin: 0 auto;
            margin-top: 10px;
        }
        #allsay_content{
            height: 492px;
            width: 1090px;
            /* background-color: brown; */
            margin: 0 auto;
            margin-top: 10px;
            display: flex;
            justify-content: space-between;
        }
        #allsay_content>div{
            width: 355px;
            height: 492px;
            background-color: #fff;
        }
        .allsay_picture{
            width: 355px;
            height: 355px;
            /* background-color: cornflowerblue; */
            overflow: hidden;
        }
        .allsay_picture img{
            width: 355px;
            height: 355px;
            transition-duration:3s;
            transition-timing-function: linear;
            transition-property: all;
        }
        .allsay_picture img:hover{
            width: 400px;
            height: 400px;
        }
        #as_content{
            width: 1090px;
            height:177px;
            /* background-color: crimson; */
            margin: 0 auto;
            position: relative;
            top:-287px;
            display: flex;
            /* justify-content: space-between; */
            /* margin-top: -100px; */
        }
        #as_content>div{
            width: 335px;
            height:177px;
            background-color:#fff;
            margin: 0 auto;
        }
        #as_content>div>span{
            display: block;
        }
        span.as1{
            color:#999;
            margin-top: 10px;
            font-size: 16px;
        }
        span.as2{
            color: #333;
            font-weight: 700;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        span.as3{
            font-size: 13px;
        }
    </style>
</head>
<body>
    <div class="outer">
        <div class="center">
            <div class="top">
                <div id="top-t">
                    <div id="t">
                        <div id="t-left">
                            <span>
                                <img src="./图片/喇叭.gif">
                                关于响应国家全面推广电子普通发票的公告
                            </span>                        
                        </div>
                        <div id="t-right">
                            <div class="t-outer">
                                <div>
                                    <a>登录/注册</a> 
                                </div>
                                <div>
                                    <a>我的订单</a>
                                </div>
                                <div>
                                    <a>会员</a>
                                </div>
                                <div>
                                    <a>甄选家</a>
                                </div>
                                <div class="a1">
                                    <a>企业采购</a>
                                    <ul>
                                        <li>企业购</li>
                                        <li>礼品卡</li>
                                        <li>联系我们</li>
                                    </ul>
                                </div>
                                <div class="a2">
                                    <a>客户服务</a>
                                    <ul>
                                        <li>在线客服</li>
                                        <li>帮助中心</li>
                                        <li>商务合作</li>
                                        <li>开放平台</li>
                                    </ul>
                                </div>
                                <div class="a3">
                                    <a>APP</a>
                                    <ul>
                                        <li>
                                            <img src="./图片/扫码.png" alt=""width="116px"height="126px">
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="top-b">
                    <div>
                        <img src="./图片/标题.png"style="background-color: aquamarine;" width="212px" height="60px">
                    </div>
                    <div class="search">
                        <div>
                            <span class="iconfont icon-tubiao-"></span>
                            <input type="text" id="input1" placeholder="好货内部价">
                        </div>
                        <input type="submit" id="input2" value="搜索">
                        <div id="search_bottom">
                            <div>领宅家神券！</div>
                            <div>129选9</div>
                            <div>口罩专区</div>
                            <div>6折滋补美食</div>
                            <div>领￥50可叠加红包</div>
                        </div>
                    </div>
                    <div class="shopping">
                        <span class="iconfont icon-gouwuche" style="font-size: 20px; color: #E2C199;"></span>
                        <input type="submit" id="input3" value="购物车">
                    </div>

                </div>
            </div>
            <div class="nav">
                <div id="nav_outer">
                    <div>
                        <a href="">首页</a>
                    </div>
                    <div class="nav_content">
                        <a href="">居家生活</a>
                        <div class="caidan">
                            <ul>
                                <li>口碑好物</li>
                                <li>抑菌防螨</li>
                                <li>春夏好物</li>
                                <li>主题床品</li>
                                <li>北欧原木</li>
                                <li>餐厨爆款清单</li>
                            </ul>
                            <ul>
                                <li>床上用品</li>
                                <li>床上套件</li>
                                <li>被枕盖毯</li>
                                <li>床垫床褥</li>
                            </ul>
                            <ul>
                                <li>家居家装</li>
                                <li>客餐厅家具</li>
                                <li>卧室家具</li>
                                <li>办公书房家具</li>
                                <li>小件家具</li>
                                <li>灯具</li>
                                <li>地毯窗帘</li>
                            </ul>
                            <ul>
                                <li>收纳日用</li>
                                <li>收纳</li>
                                <li>晾晒除味</li>
                                <li>毛巾浴巾</li>
                                <li>居家拖鞋</li>
                                <li>家庭医疗</li>
                            </ul>
                            <ul>
                                <li>家居饰品</li>
                                <li>抱枕靠垫</li>
                                <li>家饰</li>
                                <li>居家布艺</li>
                            </ul>
                            <ul>
                                <li>厨房用品</li>
                                <li>锅具</li>
                                <li>餐厨配件</li>
                                <li>刀剪砧板</li>
                            </ul>
                            <ul>
                                <li>餐具水具</li>
                                <li>餐具</li>
                                <li>水具壶杯</li>
                                <li>茶咖酒具</li>
                            </ul>
                            <ul>
                                <li>宠物生活</li>
                                <li>宠物食品</li>
                                <li>宠物用品</li>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <a href="">服饰鞋包</a>
                    </div>
                    <div>
                        <a href="">美食酒水</a>
                    </div>
                    <div>
                        <a href="">个护清洁</a>
                    </div>
                    <div>
                        <a href="">母婴亲子</a>
                    </div>
                    <div>
                        <a href="">运动旅行</a>
                    </div>
                    <div>
                        <a href="">数码家电</a>
                    </div>
                    <div>
                        <a href="">严选全球</a> 
                    </div>
                    <div>
                        <a href="">为你严选</a>
                    </div>
                    <div>
                        <a href="">众筹</a>
                    </div>
                </div>
            </div>
            <div class="content">
                <div id="lunbotu">
                    <div class="move">
                        <img src="./图片/p1.jpg" alt="">
                        <img src="./图片/p2.jpg" alt="">
                        <img src="./图片/p3.jpg" alt="">
                        <img src="./图片/p4.jpg" alt="">
                    </div>
                </div>
                <!-- 热销榜 -->
                <!-- <div id="hot">
                    <img src="./图片/hot.png" width="110px" height="363px">
                </div> -->
                <!-- 右侧回顶部悬浮框 -->
                <!-- <div id="qrcode">
                    <a href="#">回顶部</a>
                </div> --> 
               <div id="newproduct">
                    <div id="new-title">
                        <h3>新品首发</h3>
                        <span>为你寻觅世间好物</span>
                        <a>更多新品></a>
                    </div>
                    <div id="new-body">
                        <div>
                            <section>
                                <img src="./图片/b1.png" alt="">
                            </section>
                            <section>
                                <p class="one">
                                    <span>每满200减25券</span>
                                </p>
                                <p>低脂高蛋白，满籽鱿鱼仔 160克</p>
                                <p>
                                    <span class="two">￥29</span>
                                </p>
                            </section>
                        </div>
                        <div>
                            <section>
                                <img src="./图片/b2.jpeg" alt="">
                            </section>
                            <section>
                                <p class="one">
                                    <span>新品限时购</span>
                                </p>
                                <p>网易智造大蒸汽熨斗，1600W无极多档调温</p>
                                <p>
                                    <span class="two">￥79</span>
                                    <span class="three">￥89</span>
                                </p>
                            </section>
                        </div>
                        <div>
                            <section>
                                <img src="./图片/b3.png" alt="">
                            </section>
                            <section>
                                <p class="one">
                                    <span>特价</span>
                                </p>
                                <p>让肺呼吸更畅快，润与茶10克*12袋</p>
                                <p>
                                    <span class="two">￥78</span>
                                    <span class="three">￥128</span>
                                </p>
                            </section>
                        </div>
                        <div>
                            <section>
                                <img src="./图片/b4.png" alt="">
                            </section>
                            <section>
                                <p class="one">
                                    <span>新品限时购</span>
                                </p>
                                <p>随身清凉，解放双手 挂脖风扇</p>
                                <p>
                                    <span class="two">￥159</span>
                                    <span class="three">￥169</span>
                                </p>
                            </section>
                        </div>
                    </div>
               </div>
                <div id="popular">
                    <div id="p-title">
                        <h3>人气推荐</h3>
                        <div>
                            <a>编辑推荐</a>
                            <a>热销总榜</a>
                        </div>
                        <a id="a1">更多推荐></a>
                    </div>
                    <div id="p-body">
                        <div>
                            <section>
                                <div id="one-picture">
                                    <img src="./图片/po1.png" width="390px" height="400px">
                                </div>
                                <div id="one-content">
                                    <p>
                                        <span>每满200减25券</span>
                                    </p>
                                    <p>全面助力发育，全价幼猫粮1.8千克</p>
                                    <p>
                                        <span>￥99</span>
                                    </p>
                                </div>
                            </section>
                        </div>
                        <div>
                             <section>
                                 <div class="p-picture">
                                     <img src="./图片/po2.png">
                                 </div>
                                 <div class="p-content">
                                     <p>
                                         <span class="pc1">浙江制造</span>
                                         <span class="pc2">新人特价</span>
                                     </p>
                                     <p>【限量抢购中】一次性医用级三层口罩</p>
                                     <p>
                                         <span class="pc3">￥20</span>
                                         <span class="pc4">￥139</span>
                                     </p>
                                 </div>
                             </section>
                             <section>
                                <div class="p-picture">
                                    <img src="./图片/po3.png" >
                                </div>
                                <div class="p-content">
                                    <p>
                                        <span class="pc1">换购</span>
                                        <span class="pc2">每满200减25券</span>
                                    </p>
                                    <p>远优于欧盟标准，纯牛奶 250 毫升*24盒</p>
                                    <p>
                                        <span class="pc3">￥88</span>
                                    </p>
                                </div>
                            </section>
                        </div>
                        <div>
                            <section>
                                <div class="p-picture">
                                    <img src="./图片/po4.png" >
                                </div>
                                <div class="p-content">
                                    <p>
                                        <span class="pc2">特价</span>
                                    </p>
                                    <p>轻弹云朵居家拖鞋</p>
                                    <p>
                                        <span class="pc3">￥9.9</span>
                                    </p>
                                </div>
                            </section>
                            <section>
                                <div class="p-picture">
                                    <img src="./图片/po5.png">
                                </div>
                                <div class="p-content">
                                    <p>
                                        <span class="pc2">特价</span>
                                    </p>
                                    <p>清新英国梨香 强力去污酵素洗衣液3kg/1kg</p>
                                    <p>
                                        <span class="pc3">￥29.9</span>
                                        <span class="pc4">￥35</span>
                                    </p>
                                </div>
                            </section>
                        </div>
                        <div>
                            <section>
                                <div class="p-picture">
                                    <img src="./图片/po6.png">
                                </div>
                                <div class="p-content">
                                    <p>
                                        <span class="pc2">新人特价</span>
                                    </p>
                                    <p>无添加蔗糖，苏打饼干360克</p>
                                    <p>
                                        <span class="pc3">￥9.9</span>
                                        <span class="pc4">￥12.8</span>
                                    </p>
                                </div>
                            </section>
                            <section>
                                <div class="p-picture">
                                    <img src="./图片/po7.png">
                                </div>
                                <div class="p-content">
                                    <p>
                                        <span class="pc2">两件三折</span>
                                    </p>
                                    <p>摆脱哺乳尴尬，双层纱孕产妇哺乳衬衣</p>
                                    <p>
                                        <span class="pc3">￥299</span>
                                    </p>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div id="timelimit">
                    <div id="time-title">
                        <h3>限时购</h3>
                        <a id="a1">更多抢购></a>
                    </div>
                    <div id="time-body">
                        <div id="tb1">
                            <img src="./图片/time1.png" width="224px" height="429px">
                        </div>
                        <div id="tb2">
                            <section id="tb2_top">
                                <div>
                                    <img src="./图片/time2.png" width="180px"height="214px">
                                </div>
                                <div class="time-content">
                                    <span>德国VDP名庄监制，雷司令半甜白 750毫升</span>
                                    <span>那赫雷司令，百搭餐酒</span>
                                    <div>
                                        <progress max="1" value="0.85"></progress>
                                        <span style="color: #999;">还剩142件</span>
                                    </div>
                                    <div>
                                        <span class="time_price">限时价</span>
                                        <span class="price_now">￥55</span>
                                        <span class="price_before">￥69</span>
                                    </div>
                                    <span>立即抢购</span>
                                </div>
                            </section>
                            <section id="tb2_bottom">
                                <div>
                                    <img src="./图片/time3.png" width="180px"height="214px">
                                </div>
                                <div class="time-content">
                                    <span>全力对抗光老化 西班牙亮白高倍防晒霜50ml</span>
                                    <span>随身金钟罩 防晒更亮白</span>
                                    <div>
                                        <progress max="1" value="0.9"></progress>
                                        <span style="color: #999;">还剩558件</span>
                                    </div>
                                    <div>
                                        <span class="time_price">限时价</span>
                                        <span class="price_now">￥139</span>
                                        <span class="price_before">￥219</span>
                                    </div>
                                    <span>立即抢购</span>
                                </div>
                            </section>
                        </div>
                        <div id="tb3">
                            <section id="tb3_top">
                                <div>
                                    <img src="./图片/time4.png" width="180px"height="214px">
                                </div>
                                <div class="time-content">
                                    <span>女士奢华胎牛皮大气方形饰扣粗跟鞋</span>
                                    <span>大气风范浑然天生，雅至足尖</span>
                                    <div>
                                        <progress max="1" value="0.8"></progress>
                                        <span style="color: #999;">还剩172件</span>
                                    </div>
                                    <div>
                                        <span class="time_price">限时价</span>
                                        <span class="price_now">￥323</span>
                                        <span class="price_before">￥399</span>
                                    </div>
                                    <span>立即抢购</span>
                                </div>
                            </section>
                            <section id="tb3_bottom">
                                <div>
                                    <img src="./图片/time5.png" width="180px"height="214px">
                                </div>
                                <div class="time-content">
                                    <span>无惧眼圈干纹，活颜修护精华眼霜 15ml</span>
                                    <span>熬夜眼霜，一抹明目</span>
                                    <div>
                                        <progress max="1" value="0.97"></progress>
                                        <span style="color: #999;">还剩319件</span>
                                    </div>
                                    <div>
                                        <span class="time_price">限时价</span>
                                        <span class="price_now">￥99.9</span>
                                        <span class="price_before">￥129</span>
                                    </div>
                                    <span>立即抢购</span>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div id="allsay">
                    <div id="allsay_title">
                        <h3>大家都在说</h3>
                        <span>生活，没有统一标准</span>
                    </div>
                    <div id="allsay_content">
                        <div>
                            <div class="allsay_picture">
                                <img src="./图片/a1.jpg" alt="">
                            </div>
                        </div>
                        <div>
                            <div class="allsay_picture">
                                <img src="./图片/a2.jpg" alt="">
                            </div>
                        </div>
                        <div>
                            <div class="allsay_picture">
                                <img src="./图片/a3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div id="as_content">
                    <div>
                        <span class="as1">****9&nbsp;&nbsp;2020-07-17&nbsp;&nbsp; 09:44</span>
                        <span class="as2">肥瘦均匀，经典黑胡椒整...</span>
                        <span class="as3">物流很快，包装的很用心，这么热的天，收到之后冰袋还没有化，赠送了黑椒酱和🍴，很满意，相信严选</span>
                    </div>
                    <div>
                        <span class="as1">v****4&nbsp;&nbsp;2020-07-06&nbsp;&nbsp; 01:35</span>
                        <span class="as2">大块酥松，酸奶草莓奇...</span>
                        <span class="as3">未及时评价，默认好评</span>
                    </div>
                    <div>
                        <span class="as1">仰****么&nbsp;&nbsp;2020-07-14&nbsp;&nbsp; 10:12</span>
                        <span class="as2">可爱健康不要胖，全价...</span>
                        <span class="as3">超级划算 配料表也很优秀</span>
                    </div>
                </div>
            </div>
            <div class="foot">
                <div id="foot-top">
                    <div id="foot1">
                        <div id="foot-one">
                            <p>客户服务</p>
                            <div id="online">
                                <span class="iconfont icon-kefu"></span>
                                <span>&nbsp;&nbsp;在线客服</span>
                            </div>
                            <div id="user">
                                <span class="iconfont icon-dkw_xiaoxi"></span>
                                <span>&nbsp;&nbsp;用户反馈</span>
                            </div>
                        </div>
                        <div id="foot2">
                            <p>何为严选</p>
                            <span id="yanxuan">网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到优质的商品</span>
                        </div>
                        <div>
                            <p>扫码请下载严选APP</p>
                            <img src="./图片/二维码.png" width="104px" height="104px">
                            <div>下载领大额新人红包</div>
                        </div>
                    </div>
                </div>
                <div id="foot-bottom">
                    <!-- <img src="./图片/底部.png"width="1280px" height="238px"> -->
                    <div id="foot-bottom-content">
                        <div id="foot-bottom-content_top">
                            <div>
                                <img src="./图片/foot1.png" height="51px">
                                <span>网易自营电商</span>
                            </div>
                            <div>
                                <img src="./图片/foot2.png" height="51px">
                                <span>30天无忧退换货</span>
                            </div>
                            <div>
                                <img src="./图片/foot3.png" height="51px">
                                <span>满99元免邮费</span>
                            </div>
                            <div>
                                <img src="./图片/foot4.png" height="51px">
                                <span>品质保证</span>
                            </div>
                        </div>
                        <div id="foot-bottom-content_bottom">
                            <div>
                                <a>关于我们</a>
                                <a>帮助中心</a>
                                <a>售后服务</a>
                                <a>配送与验收</a>
                                <a>商务合作</a>
                                <a>企业采购</a>
                                <a>开放平台</a>
                                <a>搜索推荐</a>
                                <a>友情链接</a>
                                <a>廉政举报</a>
                            </div>
                            <div>
                                <a>食品经营许可证：JY13301080111719</a>
                                <a>出版物经营许可证：新出发滨字第0132号</a>
                                <a>妙得ICP证号：ICP 证浙B2-20160106</a>
                                <a>浙杭食药监械经营备20171029号</a>
                                <a>营业执照</a>
                                <a>网易公司版权所有 © 1997-2020</a>
                            </div>
                            <div>
                                <a>无线电发射设备销售备案：42202011096855</a>
                                <a>（浙杭）网械企备字[2019]第00119号</a>
                                <a>（粤）网械平台备字（2019）第00004号</a>
                                <a>（粤）-非经营性-2016-0023</a>
                            </div>
                            <div>
                                <a>浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</a>
                                <a>单用途商业预付卡备案证：330100AAC0024</a>
                                <img src="图片/guohui.png" width="23px" height="25px">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>